"use strict";
// 1、正确搭建TypeScript所需要的运行环境
// 2、正确设置tsconfig.json
// 3、合理构建目录结构
// 4、正确编译src目录
// 5、编译输出到build目录里面
// 6、正确配置脚本命令npm start运行命令
// 7、实时监听文件变化
// 8、使用ts正确定义函数
// 9、正确定义函数的参数类型
// 10、正确定义函数的返回值类型
// 11、正确使用数组的方法
// 12、正确获取题目一中的query
// 13、正确切割获取到的query参数
// 14、正确定义axjx
// 15、正确设置请求报文
// 16、正确发送数据
// 17、正确注册事件
// 18、正确定义题目二中函数
// 19、正确使用es6语法
// 20、录制效果视频，实现部分标黄
// 8、使用ts正确定义函数 10:01
// 9、正确定义函数的参数类型 10:01
// 10、正确定义函数的返回值类型 10:01
// 11、正确使用数组的方法 10:01
const box = document.querySelector('.box');
// 15、正确设置请求报文 10:47
Ajax('/api/data', (res) => {
    render(res.data);
});
const render = (data) => {
    box.innerHTML = data.map((v, i) => {
        return `
       <dl id="${v.id}">
       <dt>
           <img src="${v.img}" alt="">
       </dt>
       <dd>${v.title}</dd>
       </dl>
       `;
    }).join('');
    Bint();
};
const Bint = () => {
    // 17、正确注册事件 10:47
    const dl = Array.from((document.querySelectorAll('dl')));
    dl.forEach((v, i) => {
        v.addEventListener('click', e => {
            location.href = '/detail.html?a=1&e&b=2&c=xx&d#hash';
        });
        //       Ajax(`/api/detail?id=${v.id}`,(res:dataType)=>{
        // //    render(res.data)
        //  })
    });
};
